@import '../../styles/function.scss';
.index{
    background-color: #f6f5f6;
    position: relative;
}
.search_index{
    position: absolute;
    width: 100vw;
    z-index: 10;
    padding-left: 20px;
    top: 20px;
}

.entry{
    display: flex;
    background-color: #ffffff;
    &_item{
     flex: 1;
    }
    &_item_img{
        display: block;
        width:  vw(48);
        height: vw(48);
        margin: vw(15) auto vw(10);
    }
    &_item_text{
        display: block;
        margin-bottom: vw(10);
        text-align: center;
        color: #504e59;
    }
}

.group{
    margin: 0 vw(15);
    &_head{
        display: flex;
        justify-content: space-between;
        margin: vw(20) 0;
        h3{
            font-size: vw(16);
            color: #333333;
        }
        span{
            font-size: vw(15);
            color: #858989;
        }
    }
    &_body{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        &_item{
            display: flex;
            justify-content: space-between;
            width: 48%;
            background-color: #ffffff;
            margin-bottom: vw(15);
            padding: vw(13);
            &_info{
                margin-top: vw(6);
                h4{
                    font-size: vw(14);
                    margin-bottom: vw(5);
                    color: #333333;
                }
                p{
                    color: #a7a19d;
                    font-size: vw(13);
                }
            }
            &_img{
                padding-left: vw(10);
                width: vw(55);
            }
        }
    }
}

.news {
    background-color: #fff;
    .news_head {
        margin-top: vw(15);
       h3{
        font-size: vw(16);
        color: #333;
          margin: 0 vw(15);
          padding-top: vw(15);
       }
    }
  
    .news_list {
      .news_item {
          display: flex;
           margin: 0 vw(15);
          padding: vw(15) 0;
          border-bottom: vw(1) solid #a6a8a9;;
        img.news_item_img {
            width: vw(120);
            height: vw(90);
        }
  
        .news_item_info {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding-left: vw(12);
          h4 {
            font-size: vw(15);
            color: #333;
            //文字多出隐藏
            @include ell(2)
          }
  
          p {
              display: flex;
              justify-content: space-between;
            span {
                font-size: vw(12);
                color: #a6a8a9;
            }
          }
        }
      }
    }
  }
